$(function () {

    $(".h-con .myaccount").on("mouseenter", function () {
        $(".h-con .myaccount").css({
            background: "#8CB91E",
        })
        $(".myaccount i").css({
            border: "5px solid #8CB91E",
            borderBottom: "5px solid #FFEC8C",
            top: 6,
        })
        $(".myaccount .account").show();
    }).on("mouseleave", function () {
        $(".h-con .myaccount").css({
            background: "#F5F5F5",
        })
        $(".myaccount i").css({
            border: "5px solid #F5F5F5",
            borderTop: "5px solid #8CB91E",
            top: 12,
        })
        $(".myaccount .account").hide();
    })
    //购物车商品显示隐藏
    $(".mycart").on("mouseenter", function () {
        $(".goods").show()
    }).on("mouseleave", function () {
        $(".goods").hide();
    })
    //产地直达
    $(".zs_main_menu").on("mouseenter", function () {
        $(".menu_con_bottom").show(100);
        $(".zs_main_menu").css({
            color: "#fff",
        })
        $(".icon_pic").css("background-position-x", "-97px");
    }).on("mouseleave", function () {
        $(".menu_con_bottom").hide(100);
        $(".zs_main_menu").css({
            color: "#000",
        })
        $(".icon_pic").css("background-position-x", "-139px");
    })

    // small里面的移入移出
    $(".item li").on("mouseenter", function () {
        $(this).addClass("current").siblings().removeClass("current");
        $("#middleImg img").attr("src", `./img/detail/${$(this).index() + 1}_2.jpg`);
        $("#bigImg").attr("src", `./img/detail/${$(this).index() + 1}_2.jpg`);
    })
    //small 手动轮播图
    var count = 0;
    var showPic = 5;
    $("#small .prev_onclick").on("click", function () {
        count++;
        if ($(".item ul").css("left") == "0px") {
            count = 0;
        }
        $(".item ul").stop(true, true).animate({
            left: count * $(".item li").width(),
        });
        console.log($(".item ul").css("left"));
    })
    $("#small .next_onclick").on("click", function () {
        count--;
        if ($(".item ul").css("left") == -($(".item li").length - showPic) * $(".item li").width() + "px") {
            count = -($(".item li").length - showPic);
        }
        $("ul").stop(true, true).animate({
            left: count * $(".item li").width(),
        })
        console.log($(".item ul").css("left"));
    })

    //middleImg 放大镜效果
    //鼠标移入，移出中区域，大区域显示隐藏
    $("#middleImg").on("mouseenter", function () {
        $("#middleArea").show();
        $("#bigArea").show();
        //修改中区域的大小
        $("#middleArea").css({
            width: $("#bigArea").width() / $("#bigImg").width() * $("#middleImg").width(),
            height: $("#bigArea").height() / $("#bigImg").height() * $("#middleImg").height(),
        })
        //让中区域跟随鼠标移动，鼠标始终处于中区域的正中间
        $(this).on("mousemove", function (e) {
            var mx = e.pageX - $(this).offset().left - $("#middleArea").width() / 2;
            var my = e.pageY - $(this).offset().top - $("#middleArea").height() / 2;
            if (mx <= 0) {
                mx = 0;
            }
            if (mx >= $(this).width() - $("#middleArea").width()) {
                mx = $(this).width() - $("#middleArea").width();
            }
            if (my <= 0) {
                my = 0;
            }
            if (my >= $(this).height() - $("#middleArea").height()) {
                my = $(this).height() - $("#middleArea").height();
            }
            $("#middleArea").css({
                left: mx,
                top: my,
            })
            var oScale = $("#bigArea").width() / $("#middleArea").width();
            $("#bigImg").css({
                left: oScale * mx * -1,
                top: oScale * my * -1,
            })
        })
    }).on("mouseleave", function () {
        $("#middleArea").hide();
        $("#bigArea").hide();
        $(this).off("mousemove");
    })

    //商品数量加减
    $(".input_plus").on("mouseenter", function () {
        $(this).addClass("plus_h");
    }).on("mouseleave", function () {
        $(this).removeClass("plus_h");
    })
    $(".input_plus").on("click", function (e) {
        e.stopPropagation();
        var shopcount = $(".countput").find("input").val();
        shopcount++;
        $(".countput input").val(shopcount);
    })
    $(".input_minus").on("mouseenter", function () {
        $(this).addClass("minus_h");
    }).on("mouseleave", function () {
        $(this).removeClass("minus_h");
    })

    $(".input_minus").on("click", function (e) {
        e.stopPropagation()
        var shopcount = $(".countput").find("input").val();
        shopcount--;
        if (shopcount <= 1) {
            shopcount = 1;
        }
        $(".countput input").val(shopcount);
    })

    //加入购物车
    $(".addCart").on("click",function(){
        $(".buy_pro_pop").show();
    })

    $(".buy_pro_pop").find(".close").on("click",function(){
        $(".buy_pro_pop").hide();
    })

    //detail_left tab切换
    $(".bigBox .left_list_tab").find("li").on("mouseenter",function(){
        $(this).addClass("current").siblings().removeClass("current");
        $(".bigBox").find(".product").eq($(this).index()).addClass("show").siblings().removeClass("show")
    })
    //detail_right tab切换+楼层
     $(".detail_tab_contain .tabnav").find("ul li").on("click",function(){
         console.log($(this).index());
        $("html,body").animate({
            scrollTop:$(".detail").offset().top,
        })
        $(this).addClass("selected").siblings().removeClass("selected");
        if($(this).index()==1){
            $(".detail_tab_pro").css({
                 display:"none",
            })
        }else{
            $(".detail_tab_pro").css({
                display:"block",
            })
        }
     })

     //吸顶效果
     $(window).on("scroll",function(){
         if($("html,body").scrollTop() >= $(".detail").offset().top){
            $(".detail_tab_contain").css({
                position:"fixed",
                top:0,
                background:"#fff"
            })
            $(".detail_tab_main").css({
                marginTop:$(".detail_tab_contain").height(),
            })
         }else{
            $(".detail_tab_contain").css({
                position:"static",
                background:"#fff"
            })
            $(".detail_tab_main").css({
                marginTop:0,
            })
         }
     })

    // 加入购物车
    $(".loadBuy").find(".addCart").on("click",function(){
        let cartObj = {
            cimg:$(".detail_t_l #small .item ul li:eq(0)").find("img").attr("src"),
            cname:$(".detail_t_r .title h2").text(),
            cprice:$(".priad .price:eq(1)").text(),
            cnum:$(".countput input").val(),
            uId:JSON.parse(localStorage.getItem("userinfo"))[0].u_id,
            // cweight:$(".detail_tab_pro_info ul .goodsWeight").find("span").text()/1000,
        };
        $.ajax({
            url:"/cart/add",
            type:"post",
            data:cartObj
        }).then(function(res){
            layer.msg(res.msg);
        })
    })

    let userinfo = JSON.parse(localStorage.getItem("userinfo")||'[]');
    $(".h-con ul li:eq(0)").text(`${userinfo[0].u_name}，您好，欢迎回来!`);
})